<!-- 关注 -->
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta name="divport" content="width=device-width,initial-scale=1,user-scalable=no" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no" />
	<title>商品详情</title>
	<link rel="stylesheet" href="../plugin/hhframe/hhframe.min.css" />
	<link rel="stylesheet" href="../style/index.css" />
	<style>
		.header-bc {
			background-color: #fff;
		}

		.index-header {
			display: flex;
			height: 50px;
			width: 100%;
			justify-content: center;
			align-items: center;
			background-color: #fff;
			color: #000;
			font-size: 18px;
		}
	</style>
</head>

<body>
	<!-- 标题栏 -->
	<div id="header" class="header-bc framepage">
		<!-- 返回按钮 -->
		<div style="position: absolute;color: #000;line-height: 45px;padding: 0 10px;" onclick="closeWin()">
			<div style="transform: rotateY(180deg);font-size: 17px;font-weight: 600;" class="iconfont iconxiayibu"></div>
		</div>
		<!-- 标题 -->
		<div class="index-header">
			商品详情
		</div>
	</div>

	</div>



</body>
<script src="../plugin/jquery.js"></script>
<script src="../plugin/vue.all.js"></script>
<script src="../plugin/hhframe/hhframe.min.js"></script>
<script src="../plugin/public.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
	window.addEventListener("apiready", function() {

		// 监听页面打开
		api.addEventListener({
			name: 'viewappear'
		}, function(ret, err) {
			setTimeout(function() {
				api.setStatusBarStyle({
					style: 'light'
				});
			}, 250)
		});

		var header = $api.byId('header');
		// 实现沉浸式状态栏效果
		$api.fixStatusBar(header);
		// 计算header元素的高度
		headerH = $api.offset(header).h;
		// 打开FrameGroup
		api.openFrame({
			name: 'commodity_detail_frame',
			url: './commodity_detail_frame.html',
			rect: {
				x: 0,
				y: headerH,
				w: 'auto',
				h: api.winHeight - headerH
			},
			pageParam: {

			}
		});
	});
</script>

</html>
